@extends('layouts.admin')
@section('content')
<link rel="stylesheet" type="text/css" href="/css/colpick/colpick.css">
<link rel="stylesheet" type="text/css" href="/css/admin/grid.css"/>
<div id="cc" class="easyui-layout" style="width:1200px;height:800px;margin: 0 auto;">

    <div data-options="region:'west',title:'网格功能',split:true" style="width:200px;">
        <div class="easyui-accordion" style="height:300px;">
            
            <div id='p' title="地区" data-options="iconCls:''" style="padding:10px;">
                <ul class="easyui-tree" id="easyui-tree">
                    <li data-options="level:3,area_id:'370212004'">
                        <span>{{$tree['name']}}</span>
                        <ul>@foreach($tree['street'] as $k=>$v) 
                            <li data-options="level:4,area_id:'{{$v['id']}}'" state="open">
                                <span>{{$v['name']}}</span>
                            </li>
                            @endforeach
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div data-options="region:'center',title:'百度地图'" style="padding:5px;background:#eee;">
    	
        <div id="map">
			
		</div>
    	
    </div>
</div>

<div id="dialog" class="easyui-dialog" title="选择框" data-options="iconCls:'icon-search',modal:true,closed:true">
    <div id="picker"></div>
</div>
<input type="hidden" name="area_color" id="area_color" value=""/>
<input type="hidden" name="area_id" id="area_id" value="0"/>
<input type="hidden" name="area_name" id="area_name" value=""/>
<script type="text/javascript" src="/js/admin/colpick.js"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=9DbR7Ge0vRY3qtiPeVStVve3"></script>
<script type="text/javascript" src="/js/admin/grid.js"></script>
@endsection
	